html {
  font-size: 37.5px; }

body {
  position: relative; }

.musicbutton {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  z-index: 9999;
  top: 0.53333rem;
  right: 0.53333rem;
  text-align: center;
  background: #E7C598;
  line-height: 0.8rem;
  border-radius: 50%;
  -webkit-animation: mu 4s infinite;
  animation: mu 4s infinite; }

@-webkit-keyframes mu {
  from {
    -webkit-transform: rotateX(0);
    transform: rotateX(0); }
  to {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg); } }
  .musicbutton .iconfont {
    display: block;
    font-size: 0.66667rem;
    color: #BF0C21;
    -webkit-animation: music 4s infinite;
    animation: music 4s infinite; }

@keyframes music {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes music {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.content .alert_son {
  height: auto;
  background-image: url("../images/01.jpg"); }
  .content .alert_son .bg_title {
    padding-top: 0.8rem;
    width: 5.33333rem;
    margin: 0 auto; }
  .content .alert_son .my_order {
    margin: 0 auto;
    width: 8rem;
    height: 1.30667rem;
    background: #e7c598; }
    .content .alert_son .my_order div {
      width: 1.06667rem;
      height: 1.06667rem;
      border-radius: 50%;
      background: red;
      margin: 0 auto;
      overflow: hidden;
      text-align: center; }
    .content .alert_son .my_order table {
      width: 100%; }
    .content .alert_son .my_order table tr td {
      text-align: center;
      font-size: 0.48rem;
      padding: 0.23653rem 0;
      color: white; }
      .content .alert_son .my_order table tr td:nth-child(1) {
        text-align: center;
        width: 15%; }
      .content .alert_son .my_order table tr td:nth-child(2) {
        width: 18.9%; }
      .content .alert_son .my_order table tr td:nth-child(3) {
        text-align: left; }
      .content .alert_son .my_order table tr td:nth-child(4) {
        color: white;
        text-align: center; }
  .content .alert_son .tab {
    position: relative;
    width: 8rem;
    height: 12.99333rem;
    border-bottom: 1px solid white;
    overflow-y: scroll;
    margin: 0 auto;
    scrollbar-track-color: transparent; }
    .content .alert_son .tab table {
      width: 100%;
      border: 0.02667rem solid white; }
      .content .alert_son .tab table tr {
        border-bottom: 0.02667rem solid white; }
        .content .alert_son .tab table tr td {
          text-align: center;
          font-size: 0.48rem;
          padding: 0.26587rem 0;
          color: white; }
          .content .alert_son .tab table tr td .circle {
            width: 1.06667rem;
            height: 1.06667rem;
            border-radius: 50%;
            background: red;
            margin: 0 auto;
            overflow: hidden;
            text-align: center; }
          .content .alert_son .tab table tr td .first {
            color: yellow; }
          .content .alert_son .tab table tr td .second {
            color: goldenrod; }
          .content .alert_son .tab table tr td:nth-child(1) {
            text-align: center;
            width: 15%; }
          .content .alert_son .tab table tr td:nth-child(2) {
            text-align: left; }
          .content .alert_son .tab table tr td:nth-child(3) {
            text-align: left; }
          .content .alert_son .tab table tr td:nth-child(4) {
            color: white;
            text-align: center; }
  .content .alert_son .icons {
    position: fixed;
    width: 1.12rem;
    height: 1.12rem;
    line-height: 1.12rem;
    text-align: center;
    border-radius: 50%;
    background: #e7c598;
    right: 0;
    bottom: 0.64rem;
    margin-right: 0.53333rem; }
    .content .alert_son .icons span {
      color: red;
      font-size: 0.93333rem; }
    .content .alert_son .icons:after {
      content: '';
      display: block;
      clear: both; }

@media only screen and (min-width: 376px) and (max-width: 400px) {
  .content .alert_son .tab {
    height: 12.66667rem; } }
